/**
 * Created by guiyongdong on 16/10/11.
 */
import React, { Component } from 'react';
import {
    StyleSheet
} from 'react-native';

import Home from '../home/Home';
import Category from '../category/Category';
import Found from '../found/Found';
import Shopping from '../shopping/Shopping';
import Profile from '../profile/Profile';
import TabBar from 'react-native-xtabbar';


export default class TabBarAndroid extends Component {
    // 构造
      constructor(props) {
        super(props);
          global.BID='56c45924c2fb4e2050000022';
      }
    render(){
        return (
            <TabBar style = {styles.flex} navTextColorSelected='#FF6261' navTextColor='#B4B4B4' ref='tab' navFontSize={11}>
                <TabBar.Item
                    title = "首页"
                    icon = {require('../resoure/tabbar/homeNormal@3x.png')}
                    selectedIcon =  {require('../resoure/tabbar/homeHight@3x.png')}>
                    <Home
                        style={styles.flex}
                    />
                </TabBar.Item>

                <TabBar.Item
                    title = "分类"
                    icon = {require('../resoure/tabbar/categoryNormal@3x.png')}
                    selectedIcon =  {require('../resoure/tabbar/categoryHight@3x.png')}>
                    <Category
                        style={styles.flex}
                    />
                </TabBar.Item>

                <TabBar.Item
                    title = "发现"
                    icon = {require('../resoure/tabbar/foundNormal@3x.png')}
                    selectedIcon =  {require('../resoure/tabbar/foundHight@3x.png')}>
                    <Found
                        style={styles.flex}
                    />
                </TabBar.Item>

                <TabBar.Item
                    title = "购物车"
                    icon = {require('../resoure/tabbar/carNormal@3x.png')}
                    selectedIcon =  {require('../resoure/tabbar/carHight@3x.png')}>
                    <Shopping
                        style={styles.flex}
                    />
                </TabBar.Item>

                <TabBar.Item
                    title = "我的"
                    icon = {require('../resoure/tabbar/meNoraml@3x.png')}
                    selectedIcon =  {require('../resoure/tabbar/meHight@3x.png')}>
                    <Profile
                        style={styles.flex}
                    />
                </TabBar.Item>
            </TabBar>

        );
    }
}
const styles = StyleSheet.create({
    flex:{
        flex:1
    }
});





